<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
    pageContext.setAttribute("basePath", request.getContextPath());
%>

<!DOCTYPE html>
<html>
<head>

    <title>POS签购单</title>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="certificate">
    <meta content="width=503px,initial-scale=0.6,minimum-scale=0.5,maximum-scale=1.0,user-scalable=yes"
          name="viewport"/>
    <script type="text/javascript" src="common/js/jquery.min.js"></script>
    <script type="text/javascript" src="common/js/jquery.rotate.js"></script>
    <script type="text/javascript" src="common/js/autoResizeImage.js"></script>
    <style type="text/css">
        body {
            background-color: #eceaea;
            margin: 0;
            padding: 0;
        }

        .certDiv {
            width: 240px;
            font-size: 12px;
            font-family: "宋体";
            margin: 0px auto;
            line-height: 18px;
            background-color: #ffffff;
            padding: 10px;
        }

        .certDiv .certBlod {
            font-size: 16px;
            /*font-family:"黑体";*/
        }
    </style>
</head>

<body>
<div class="certDiv">
    <div class="certBlod" style="text-align: center;margin-bottom: 8px;">
        <img src="${basePath}/mobile/account/certificate/images/unionpay2.png"/><br/>
        POS签购单<br/>
        (POS SALES LIST)
    </div>
    <div>商户名称(MERCHANT NAME)：<br/>&nbsp;&nbsp;个体户 ${certificateMap.userName}</div>
    <div>商户号(MERCHANT NO)：<br/>&nbsp;&nbsp;${certificateMap.merchantId}</div>
    <div>终端号(TERMINAL NO)：${certificateMap.terminalId}</div>
    <div>卡号(CARD NO)：<br/>

        <div class="certBlod">&nbsp;&nbsp;${certificateMap.bankCard}</div>
    </div>
    <div>收单行名(ACQUIRER)：${certificateMap.acquirersName}</div>
    <div>发卡行名(ISSUER)：${certificateMap.issueBank}</div>
    <div>交易类型(TRANS TYPE)：<br/>

        <div class="certBlod">&nbsp;&nbsp;消费(SALE)(S)</div>
    </div>
    <div>批次号(BATCH NO)：${certificateMap.batchId}</div>
    <div>凭证号(VOUCHER NO)：${certificateMap.searchId}</div>
    <%-- certificateMap.searchId --%>
    <div>参考号(REFER NO)：${certificateMap.bankRef}</div>
    <div>授权码(AUTH NO)：${certificateMap.authorizationCode}</div>
    <div>交易日期(DATE)：${certificateMap.transDate}</div>
    <div>交易时间(TIME)：${certificateMap.transTime}</div>
    <div>金额(AMOUNT):<br/>

        <div class="certBlod">&nbsp;&nbsp;RMB <fmt:formatNumber value="${certificateMap.transMoney}" type="currency"
                                                                pattern="#0.00"/></div>
    </div>
    <div>备注(REFERENOE)：</div>
    <div>国际卡组织：</div>
    <div>持卡人签名(CARDHOLDER SINGATURE)：<br/>
        <s:if test="certificateMap.signaturePath == null">
            <img onload="AutoResizeImage(200,113,this)" style=" margin-left:30px;"
                 src="${basePath}/mobile/account/certificate/images/name.png"/>
        </s:if><s:else>
            <img id="img-certificate" onload="AutoResizeImage(200,113,this)" style=" margin-left:30px;"
                 src="${basePath}/${certificateMap.signaturePath}"/>
        </s:else>
    </div>
    <div style="font-size: 8px;line-height:10px">本人确认以上交易，同意将其记入本卡帐户</div>
    <div style="font-size: 8px;line-height:10px">I ACKNOWLEDGE SATTSFATORY RECEIPT OF RELATIVE GOODS/SERVICES</div>
    <div>商户联(MERCHANT COPY)</div>
</div>
</body>
</html>
